﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>wordpaster-vue-示例</title>
	<script type="text/javascript" src="ueditor.config.js" charset="utf-8"></script>
	<script type="text/javascript" src="ueditor.all.min.js" charset="utf-8"></script>
    <link type="text/css" rel="Stylesheet" href="demo.css" />
    <link type="text/css" rel="Stylesheet" href="zyoffice/js/skygqbox.css" />
    <script type="text/javascript" src="zyoffice/js/json2.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="zyoffice/js/jquery-1.4.min.js" charset="utf-8"></script>
	<script type="text/javascript" src="zyoffice/js/skygqbox.js" charset="utf-8"></script>
    <script type="text/javascript" src="zyoffice/js/w.js" charset="utf-8"></script>
	<script type="text/javascript" src="vue.min.js" charset="utf-8"></script>
    <script type="text/javascript" src="demo.js" charset="utf-8"></script>
</head>
<body>
        <div id="demos"></div>
        <div id="wdpst"></div>
        <div id="ue">
            <ueditor ref="ue"></ueditor>
        </div>
    <script>
        Vue.component('ueditor', {
            data: function(){
                return {
                    editor: null
                }
            },
            props: {
                value: '',
                config: {}
            },
            mounted: function(){
                zyOffice.getInstance({
                    api: "http://localhost:13710/zyoffice/word/convert",
                    ui: { render: "wdpst" }
                });//加载控件

                this.editor = window.UE.getEditor('editor');
            },
            methods: {
                getUEContent: function(){
                    return this.editor.getContent()
                }
            },
            destroyed: function(){
                this.editor.destroy()
            },
            template: '<div><textarea id="editor" name="editor"/></div>'
        });

        var ue = new Vue({
            el: '#ue',
            data: {},
            mounted: function () {}
        });

    </script>
</body>
</html>
